import { createApp } from 'vue'
import App from './App.vue'
import router from './router' // 路由
import '@/router/permission' // 路由守卫
import store from './store' // Vuex

import '@/styles/index.scss' // 初始化样式
import 'element-plus/dist/index.css' // 导入 element-plus 样式

// 导入Svg图片插件(必须引入注册脚本，不然组件没反应)
import 'virtual:svg-icons-register'
import svgIcon from '@/components/SvgIcon/index.vue'
// import * as Icons from '@element-plus/icons-vue' // 统一导入 element 图标'
import i18n from '@/i18n/index' // 导入 i18n
import common from './utils/common' // 导入公共方法

const app = createApp(App)
app.use(router)
app.use(store)
app.component('SvgIcon', svgIcon)
// 注册全局 element-icons 组件(不建议)
// Object.keys(Icons).forEach((key) => {
//   app.component(key, Icons[key])
// })
app.use(i18n)
common(app)

app.mount('#app')
